<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>2017中国商业地产年会（第七届）</title>
<meta name="description" content="有限空间，无线链接" />
<meta name="author" content="www.beiuu.com" />
<meta name="Copyright" content="www.beiuu.com" />

<style type="text/css">
	@charset "utf-8";
html,body {border:0;margin:0; padding:0;  font-family:"微软雅黑"; background-color: #06132c;overflow-x:hidden }
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal; }
ul,li{ margin:0; padding:0; list-style-type:none;}
</style>
<link rel="stylesheet" type="text/css" href="css/lcdc201722.css">
<style>
	.playC { 
    /* 设置默认样式，开启3d硬件加速 */
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:play2 300s linear infinite;
    -moz-animation:play2 300s linear infinite;
    animation:play2 300s linear infinite;
}
@-webkit-keyframes play2{
    0%  {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(-360deg);
    }
}
@-moz-keyframes play2{
    0%  {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(-360deg);
    }
}
@keyframes play2{
    0%  {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(-360deg);
    }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 8%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp1 {  
  animation:fadeInUp 2s ;
}
.fadeInUp2 {  
  animation:fadeInUp 2.5s ;
}
.fadeInUp3 {  
  animation:fadeInUp 3s ;
}
.fadeInUp4 {  
  animation:fadeInUp 3.5s ;
}

@keyframes fadeOutNav {
  from {
    opacity: 1;
    
  }

  to {
    opacity: 0;
    transform:translateY(50%);
  }
}
.fadeOutNav {  
  animation:fadeOutNav 1s ;
  animation-fill-mode:forwards;
}

@keyframes fadeInNav {
  from {
    opacity: 0;
    transform:translateY(50%);
  }

  to {
    opacity: 1;
    
  }
}
.fadeInNav {  
  animation:fadeInNav 1s ;
  animation-fill-mode:forwards;
}

@keyframes fadeOutBanner {
  from {
    opacity: 1;
    
  }

  to {
    opacity: 0.5;
    transform:translateY(-80%);
  }
}
.fadeOutBanner {  
  animation:fadeOutBanner 1s ;
  animation-fill-mode:forwards;
}

@keyframes fadeOutBannerTopM {
  from {
    
  }

  to {
    transform:translateY(-55%);
  }
}
.fadeOutBannerTopM {  
  animation:fadeOutBannerTopM 1s ;
  animation-fill-mode:forwards;
}

@keyframes fadeOutBannerTopL {
  from {
    
  }

  to {
    transform:translate(-25%,-46%) scale(0.7,0.7);
    
  }
}
.fadeOutBannerTopL {  
  animation:fadeOutBannerTopL 1s ;
  animation-fill-mode:forwards;
}

@keyframes fadeOutBannerTopR {
  from {
    
  }

  to {
    transform:translate(25%,-50.5%) scale(0.7,0.7);
    
  }
}
.fadeOutBannerTopR {  
  animation:fadeOutBannerTopR 1s ;
  animation-fill-mode:forwards;
}

@keyframes fadeIn{
  from {
    opacity: 0;
    
  }

  to {
    opacity: 1;

  }
}
.fadeIn {  
  animation:fadeIn 1s ;
  animation-fill-mode:forwards;
}

</style>

<script src="js/jquery-1.9.1.min.js"></script>
   
<script type="text/javascript">
	$(document).ready(function() {
		var menushow = 1 ;
		
		$(".mnav").on('touchend',function(e) {
		    var _touch = e.originalEvent.changedTouches[0];
		    var _x= _touch.pageX;
		    
		    if( $(this).attr("goto")=='baoming' ){
		    	location.href = "http://www.huodongxing.com/event/6403980830600";
		    }else{
		    	$("#b1").addClass("fadeOutBanner");
			    $("#b2").addClass("fadeOutBanner");
			    $("#play2").removeClass("playC");
			    $("#play2").addClass("fadeOutBanner");
			    
			    $("#b3").addClass("fadeOutBannerTopL");
			    $("#b4").addClass("fadeOutBannerTopR");
			    $("#b5").addClass("fadeOutBannerTopM");
			    $("#b6").addClass("fadeOutBannerTopM");
			    $("#b7").hide();
			    
			    $("#bottomnav").addClass("fadeOutNav");
			    $("#bottomnav").removeClass("fadeInNav");
				menushow = 0;
			    
			    $("#middlebody").load( $(this).attr("goto") );
			    setTimeout( "$('#middlebody').show()" ,1000);//延时3秒 
			    
			    $("html,body").animate( {scrollTop: 0}, 500);
		    }
		    
		    
		});
		
		
		$("#menubottom").on('touchend',function(e) {
		    var _touch = e.originalEvent.changedTouches[0];
		    var _x= _touch.pageX;
		    
		    if(menushow ==1){
		    	$("#bottomnav").addClass("fadeOutNav");
		    	$("#bottomnav").removeClass("fadeInNav");
		    	menushow = 0;
		    }else{		    	
		    	$("#bottomnav").addClass("fadeInNav");
		    	$("#bottomnav").removeClass("fadeOutNav");
		    	menushow = 1;
		    }
		});
		
		$("#toptop").on('touchend',function(e) {
		    location.reload() ;
		});
		
//		var startY = 0;
//		$("body").on('touchstart',function(e) {
//		    var _touch = e.originalEvent.changedTouches[0];
//		    startY= _touch.pageY;
//		});
//		
//		$("body").on('touchmove',function(e) {
//		    var _touch = e.originalEvent.changedTouches[0];
//		    var endY= _touch.pageY;
//		    
//		    var distanceY = endY - startY;
//		    console.log(distanceY);
//		    
//		    if(distanceY>0){
//		    	$("#bottomnav").removeClass("fadeOutNav");
//		    	$("#bottomnav").show();
//		    }else{
//		    	$("#bottomnav").hide();
//		    }
//		});
			
	});
</script>
</head>
<body class="noselect" style="overflow-x:hidden" >
	
<div id='wx_logo' style='margin:0 auto;display:none;'>
	<img src='images/sharelogo.jpg' />
</div>	
	<!--banner开始-->
<div class="lcdc_banner" id="topbanner">
	<img src="images/1.首页/1.png" width="150%" class="mbannerline" style="z-index: 1;" id="b1" />	
	<img src="images/1.首页/2.png" width="150%" class="mbannerline playC" style="z-index: 2;" id="play2"/>	
	<img src="images/1.首页/3.png" width="150%" class="mbannerline" style="z-index: 3;" id="b2" />	
	<img src="images/1.首页/t1.png" width="150%" class="mbannerline fadeInUp1"  id="b3" style="z-index: 4;"/>	
	<img src="images/1.首页/t2.png" width="150%" class="mbannerline fadeInUp2" id="b4" style="z-index: 4;"/>	
	<img src="images/1.首页/t3.png" width="150%" class="mbannerline fadeInUp3" id="b5" style="z-index: 4;"/>	
	<img src="images/1.首页/t4.png" width="150%" class="mbannerline fadeInUp4" id="b6" style="z-index: 4;"/>	
	<img src="images/1.首页/5.png" width="75%" class="mbannerline" id="b7" style="z-index: 5; top :-6% ;left: 97%;" />	
</div>
<!--banner结束-->

<div id="bottomnav" style="text-align: center; width: 100%; height: 20%; z-index: 20; padding-left: 10%; position:fixed; top: 80%; background-color: #06132c;">
	<div class="mnav" goto="nhjs.html">年会介绍</div>
	<div class="mnav" goto="nyjb.html">拟邀嘉宾</div>
	<div class="mnav" goto="sl.html" style="width: 33%;">商业地产沙龙</div>
	<div class="mnav" goto="psh.html">评审会</div>
	<div class="mnav" goto="mt.html">媒体专栏</div>
	<div class="mnav" goto="hg.html">历届回顾</div>
	<div class="clear"></div>
	<div class="mnav" goto="baoming" style="margin-left: 25%;background-color:#E22E31; border: none; border-radius: 5px; height: 25%;padding-top: 1%;">开始报名</div>
</div>

<div id="menubottom" style="position: fixed; bottom: 0; right: 0; width: 12%; height: 7%;color: #FFFFFF; z-index: 999; ">
	<img src="images/bbbb.png" alt="" width="90%"  /> 
</div>

<div id="middlebody" style=" display:none ;background-color: #FFFFFF; border-radius:5px ;  width: 98%; position: absolute; top: 8%; z-index: 10; margin-left: 1%;">
	
</div> 

<div id="toptop" style="position: fixed; top: 0; width: 100%; height: 7%; z-index: 999;"></div>
</body>
</html>